<template>
    <div>
        <header class="header-content">
            <div class="header-icon-back" @click="to('bankCard')"><span></span></div>
            <div class="header-title">添加银行卡</div>
        </header>
        <div class="view-content">
            <div class="Edit-content">
                <div class="Edit-cell">
                    <label for="card-number">卡号</label>
                    <input type="text" id="card-number">
                </div>
                <div class="Edit-cell">
                    <label for="bank-name">银行名</label>
                    <input type="text" id="bank-name">
                </div>
                <div class="Edit-cell">
                    <label for="person">持卡人</label>
                    <input type="text" id="person">
                </div>
                <div class="Edit-cell">
                    <label for="tel">手机</label>
                    <input type="text" id="tel">
                </div>
            </div>
            <div class="add-bankCard-content">
                <div class="add-bankCard">保存银行卡</div>
            </div>
        </div>
    </div>
</template>
<style scoped>
    @import "../css/style.css";
    .add-bankCard-content {
        margin-top: 1.2rem;
        padding: 0 0.9375rem;
    }
    .add-bankCard {
        font-size: 1.125rem;
        line-height: 2.56rem;
        border-radius: 0.3125rem;
        border: 0.0625rem solid #353535;
    }
</style>
<script>
    export default {
        methods: {
            to(page) {
                this.$router.push({
                    name: page
                })
            }
        }
    }
</script>

